<template>
  <view class="pages">
    <view class="success_box">
      <view class="drow_ok_icon">
        <image
          src="@/static/imgs/drow_ok.png"
          mode="scaleToFill"
        />
      </view>
      <view class="success_info">提现成功</view>
      <view class="Tips">可到提现APP中查询</view>
      <view class="amount_box">
        <view>提现金额</view>
        <view>¥{{ amount }}</view>
      </view>
      <view class="payType">
        <view>提现方式</view>
        <view class="drow_zfb">
          <image
            src="@/static/shop/zhifubao.png"
            mode="scaleToFill"
          />
          <view>支付宝</view>
        </view>
      </view>
      <view class="goto" @click="redirectTo('/pages-users/my-money/index')">
        <view>点击前往</view>
        <view style="color: #00C1B9;">【钱包首页】</view>
      </view>
    </view>
  </view>
</template>

<script setup>
import { ref } from 'vue'
import { onLoad, onShow, onReachBottom, onPageScroll } from '@dcloudio/uni-app'
import { showToast, redirectTo, navigateBack, formatDate } from '@/utils'
const amount = ref(0)
onLoad((o)=>{
  if(o.amount){
    amount.value = o.amount
  }
})
</script>
<style scoped lang="scss">
.pages{
  width: 750rpx;
  height: 95.2vh;
  background: #F5F6F8;
  display: flex;
  align-items: center;
  flex-direction: column;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 28rpx;
  color: #202020;
  .success_box{
    width: 702rpx;
    flex: 1;
    background: #FFFFFF;
    border-radius: 20rpx;
    margin: 20rpx 0;
    display: flex;
    align-items: center;
    flex-direction: column;
    .drow_ok_icon{
      margin-top: 150rpx;
      image{
        width: 100rpx;
        height: 100rpx;
      }
    }
    .success_info{
      font-weight: 500;
      font-size: 30rpx;
      color: #202020;
      margin: 20rpx 0;
    }
    .Tips{
      font-weight: 400;
      font-size: 26rpx;
      color: #AAAAAA;
      margin-bottom: 50rpx;
    }
    .amount_box{
      width: 662rpx;
      height: 120rpx;
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-bottom: 1rpx solid #F1F1F1;
    }
    .payType{
      width: 662rpx;
      height: 120rpx;
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-bottom: 1rpx solid #F1F1F1;
      .drow_zfb{
        display: flex;
        align-items: center;
        image{
          width: 36rpx;
          height:36rpx;
          margin-right: 10rpx;
        }
      }
    }
    .goto{
      display: flex;
      align-items: center;
      margin-top: 100rpx;
      font-weight: 400;
      font-size: 28rpx;
      color: #5C5C5C;
    }
  }
}
</style>
